<template>
	<view>
		<view class="type_box">
			<view class="type_item" :class="current == index ? 'active' : ''" v-for="(item, index) in typeList" :key="index" @click="typeChage(index)">{{ item.name }}</view>
		</view>
		<view class="content">
			<view class="video_box"><video id="myVideo" src="https://f.video.weibocdn.com/0Q9vcPBolx07I6P2dDdK01041203lloJ0E020.mp4?label=mp4_1080p&template=1920x1080.25.0&trans_finger=d88af6227b88881484d2b59dfbafa136&media_id=4572780503695390&tp=8x8A3El:YTkl0eM8&us=0&ori=1&bf=3&ot=h&ps=3lckmu&uid=6RnrSO&ab=966-g1,3370-g1,1258-g0,1192-g0&Expires=1606184973&ssig=Er7iuJTkLp&KID=unistore,video" controls></video></view>
			<view class="">一、选择想投资的电影</view>
			<text>
				这一步看似简单，其实很考验影视投资人的眼光和分析能力。
				我们选择一部电影，往往要从它的题材，主演，导演，编剧，档期，制片方实力，宣发实力，成本，等元素来进行综合判断。
				其中，题材要符合政策，符合主流价值观，是最基本的要求。这一点不满足，其它点再好都没用。切记，选择电影，是不能只着眼于其中的一点以偏概全的，要综合优劣理性判断。
				例如《前任3》，韩庚主演，制片方、宣发实力强大，题材自带话题感，剧本感人，电影自带IP效果等等，事实证明了是一个不错的投资选择。
			</text>
			<view class="">二、了解项目资料与合同</view>
			<text>项目资料我们需要了解哪些呢？ 比如该项目的电影项目书（即商业计划书），广电总局的备案材料，制作团队及演员阵容，发行公司及制作公</text>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			current: 0,
			typeList: [
				{
					name: '电影投资流程'
				},
				{
					name: '投资者答疑'
				},
				{
					name: '电影收益计算'
				},
				{
					name: '投资风险提示书'
				},
				{
					name: '用户注册协议'
				},
				{
					name: '政策法规'
				}
			]
		};
	},
	methods: {
		typeChage(index) {
			this.current = index;
		}
	},
	onReady() {
		 this.videoContext = uni.createVideoContext('myVideo')
	},
	onHide() {
		this.videoContext.seek(0)
	}
};
</script>

<style lang="scss" scoped>
.active {
	background: #373846;
	color: #ffffff !important;
}
.type_box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	.type_item {
		text-align: center;
		min-width: 210upx;
		white-space: nowrap;
		padding: 13upx 5upx;
		border: 2upx solid #373846;
		color: #373846;
		margin-bottom: 30upx;
		font-size: 28upx;
	}
}
.content {
	.video_box {
		width: 100%;
		height: 320rpx;
		margin-bottom: 20upx;
		video {
			width: 100%;
			height: 100%;
		}
	}
}
</style>

<style>
page {
	padding: 0 30upx;
}
</style>
